<!--左侧导航开始-->
<nav class="navbar-default navbar-static-side" role="navigation">
    <div class="nav-close"><i class="fa fa-times-circle"></i>
    </div>
    <div class="sidebar-collapse">
        <ul class="nav" id="side-menu">
            <li class="nav-header">
                <div class="dropdown profile-element">
                    <span><img alt="image" class="img-circle" src="__ADMIN__/img/profile_small.jpg"/></span>
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                <span class="clear">
                               <span class="block m-t-xs"><strong class="font-bold">Beaut-zihan</strong></span>
                                <span class="text-muted text-xs block">超级管理员<b class="caret"></b></span>
                                </span>
                    </a>
                    <ul class="dropdown-menu animated fadeInRight m-t-xs">
                        <li><a class="J_menuItem" href="form_avatar.html">修改头像</a>
                        </li>
                        <li><a class="J_menuItem" href="profile.html">个人资料</a>
                        </li>
                        <li><a class="J_menuItem" href="contacts.html">联系我们</a>
                        </li>
                        <li><a class="J_menuItem" href="mailbox.html">信箱</a>
                        </li>
                        <li class="divider"></li>
                        <li><a href="login.html">安全退出</a>
                        </li>
                    </ul>
                </div>
                <div class="logo-element">H+
                </div>
            </li>
            <li>
                <a href="#">
                    <i class="fa fa-home"></i>
                    <span class="nav-label">主页</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level">
                    <li>
                        <a class="J_menuItem" href="{:url('admin/Index/index_v1')}" data-index="0">主页示例</a>
                    </li>
                </ul>

            </li>
            <li>
                <a  href="#">
                    <i class="fa fa-columns"></i>
                    <span class="nav-label">{$Think.lang.user_manage}</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level">
                    <li>
                        <a class="J_menuItem" href="{:url('/auth/user_list')}" data-index="0">{$Think.lang.user_list}</a>
                    </li>
                    <li>
                        <a class="J_menuItem" href="{:url('/auth/auth_list')}" data-index="0">{$Think.lang.auth_list}</a>
                    </li>
                    <li>
                        <a class="J_menuItem" href="{:url('/auth/group_list')}" data-index="0">{$Think.lang.group_list}</a>
                    </li>
                </ul>

            </li>
            <li>
                <a href="#">
                    <i class="fa fa fa-bar-chart-o"></i>
                    <span class="nav-label">统计图表</span>
                    <span class="fa arrow"></span>
                </a>
                <ul class="nav nav-second-level">
                    <li>
                        <a class="J_menuItem" href="{:url('demo/char/graph_echarts')}">百度ECharts</a>
                    </li>
                    <li>
                        <a class="J_menuItem" href="{:url('demo/char/graph_flot')}">Flot</a>
                    </li>
                    <li>
                        <a class="J_menuItem" href="{:url('demo/char/graph_morris')}">Morris.js</a>
                    </li>
                    <li>
                        <a class="J_menuItem" href="{:url('demo/char/graph_rickshaw')}">Rickshaw</a>
                    </li>
                    <li>
                        <a class="J_menuItem" href="{:url('demo/char/graph_peity')}">Peity</a>
                    </li>
                    <li>
                        <a class="J_menuItem" href="{:url('demo/char/graph_sparkline')}">Sparkline</a>
                    </li>
                    <li>
                        <a class="J_menuItem" href="{:url('demo/char/graph_metrics')}">图表组合</a>
                    </li>
                </ul>
            </li>

            <li>
                <a href="mailbox.html"><i class="fa fa-envelope"></i> <span class="nav-label">信箱 </span><span
                        class="label label-warning pull-right">16</span></a>
                <ul class="nav nav-second-level">
                    <li><a class="J_menuItem" href="{:url('demo/LetterBox/mailbox')}">收件箱</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/LetterBox/mail_detail')}">查看邮件</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/LetterBox/mail_compose')}">写信</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#"><i class="fa fa-edit"></i> <span class="nav-label">表单</span><span
                        class="fa arrow"></span></a>
                <ul class="nav nav-second-level">
                    <li><a class="J_menuItem" href="{:url('demo/Form/form_basic')}">基本表单</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Form/form_validate')}">表单验证</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Form/form_advanced')}">高级插件</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Form/form_wizard')}">表单向导</a>
                    </li>
                    <li>
                        <a href="#">文件上传 <span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level">
                            <li><a class="J_menuItem" href="{:url('demo/Form/form_webuploader')}">百度WebUploader</a>
                            </li>
                            <li><a class="J_menuItem" href="{:url('demo/Form/form_file_upload')}">DropzoneJS</a>
                            </li>
                            <li><a class="J_menuItem" href="{:url('demo/Form/form_avatar')}">头像裁剪上传</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">编辑器 <span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level">
                            <li><a class="J_menuItem" href="{:url('demo/Form/form_editors')}">富文本编辑器</a>
                            </li>
                            <li><a class="J_menuItem" href="{:url('demo/Form/form_simditor')}">simditor</a>
                            </li>
                            <li><a class="J_menuItem" href="{:url('demo/Form/form_markdown')}">MarkDown编辑器</a>
                            </li>
                            <li><a class="J_menuItem" href="{:url('demo/Form/code_editor')}">代码编辑器</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Form/suggest')}">搜索自动补全</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Form/layerdate')}">日期选择器layerDate</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#"><i class="fa fa-desktop"></i> <span class="nav-label">页面</span><span
                        class="fa arrow"></span></a>
                <ul class="nav nav-second-level">
                    <li><a class="J_menuItem" href="{:url('demo/Html/contacts')}">联系人</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Html/profile')}">个人资料</a>
                    </li>
                    <li>
                        <a href="#">项目管理 <span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level">
                            <li><a class="J_menuItem" href="{:url('demo/Html/projects')}">项目</a>
                            </li>
                            <li><a class="J_menuItem" href="{:url('demo/Html/project_detail')}">项目详情</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Html/teams_board')}">团队管理</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Html/social_feed')}">信息流</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Html/clients')}">客户管理</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Html/file_manager')}">文件管理器</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Html/calendar')}">日历</a>
                    </li>
                    <li>
                        <a href="#">博客 <span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level">
                            <li><a class="J_menuItem" href="{:url('demo/Html/blog')}">文章列表</a>
                            </li>
                            <li><a class="J_menuItem" href="{:url('demo/Html/article')}">文章详情</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Html/faq')}">FAQ</a>
                    </li>
                    <li>
                        <a href="#">时间轴 <span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level">
                            <li><a class="J_menuItem" href="{:url('demo/Html/timeline')}">时间轴</a>
                            </li>
                            <li><a class="J_menuItem" href="{:url('demo/Html/timeline_v2')}">时间轴v2</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Html/pin_board')}">标签墙</a>
                    </li>
                    <li>
                        <a href="#">单据 <span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level">
                            <li><a class="J_menuItem" href="{:url('demo/Html/invoice')}">单据</a>
                            </li>
                            <li><a class="J_menuItem" href="{:url('demo/Html/invoice_print')}">单据打印</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Html/search_results')}">搜索结果</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Html/forum_main')}">论坛</a>
                    </li>
                    <li>
                        <a href="#">即时通讯 <span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level">
                            <li><a class="J_menuItem" href="{:url('demo/Html/chat_view')}">聊天窗口</a>
                            </li>
                            <li><a class="J_menuItem" href="{:url('demo/Html/webim')}">layIM</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">登录注册相关 <span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level">
                            <li><a href="{:url('demo/Html/login')}" target="_blank">登录页面</a>
                            </li>
                            <li><a href="{:url('demo/Html/login_v2')}" target="_blank">登录页面v2</a>
                            </li>
                            <li><a href="{:url('demo/Html/register')}" target="_blank">注册页面</a>
                            </li>
                            <li><a href="{:url('demo/Html/lockscreen')}" target="_blank">登录超时</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Html/error_404')}">404页面</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Html/error_500')}">500页面</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Html/empty_page')}">空白页</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#"><i class="fa fa-flask"></i> <span class="nav-label">UI元素</span><span
                        class="fa arrow"></span></a>
                <ul class="nav nav-second-level">
                    <li><a class="J_menuItem" href="{:url('demo/Ui/typography')}">排版</a>
                    </li>
                    <li>
                        <a href="#">字体图标 <span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level">
                            <li>
                                <a class="J_menuItem" href="{:url('demo/Ui/fontawesome')}">Font Awesome</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="{:url('demo/Ui/glyphicons')}">Glyphicon</a>
                            </li>
                            <li>
                                <a class="J_menuItem" href="{:url('demo/Ui/iconfont')}">阿里巴巴矢量图标库</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">拖动排序 <span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level">
                            <li><a class="J_menuItem" href="{:url('demo/Ui/draggable_panels')}">拖动面板</a>
                            </li>
                            <li><a class="J_menuItem" href="{:url('demo/Ui/agile_board')}">任务清单</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Ui/buttons')}">按钮</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Ui/tabs_panels')}">选项卡 &amp; 面板</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Ui/notifications')}">通知 &amp; 提示</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Ui/badges_labels')}">徽章，标签，进度条</a>
                    </li>
                    <li>
                        <a class="J_menuItem" href="{:url('demo/Ui/grid_options')}">栅格</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Ui/plyr')}">视频、音频</a>
                    </li>
                    <li>
                        <a href="#">弹框插件 <span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level">
                            <li><a class="J_menuItem" href="{:url('demo/Ui/layer')}">Web弹层组件layer</a>
                            </li>
                            <li><a class="J_menuItem" href="{:url('demo/Ui/modal_window')}">模态窗口</a>
                            </li>
                            <li><a class="J_menuItem" href="{:url('demo/Ui/sweetalert')}">SweetAlert</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">树形视图 <span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level">
                            <li><a class="J_menuItem" href="{:url('demo/Ui/jstree')}">jsTree</a>
                            </li>
                            <li><a class="J_menuItem" href="{:url('demo/Ui/tree_view')}">Bootstrap Tree View</a>
                            </li>
                            <li><a class="J_menuItem" href="{:url('demo/Ui/nestable_list')}">nestable</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Ui/toastr_notifications')}">Toastr通知</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Ui/diff')}">文本对比</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Ui/spinners')}">加载动画</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Ui/widgets')}">小部件</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#"><i class="fa fa-table"></i> <span class="nav-label">表格</span><span
                        class="fa arrow"></span></a>
                <ul class="nav nav-second-level">
                    <li><a class="J_menuItem" href="{:url('demo/Table/table_basic')}">基本表格</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Table/table_data_tables')}">DataTables</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Table/table_jqgrid')}">jqGrid</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Table/table_foo_table')}">Foo Tables</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Table/table_bootstrap')}">Bootstrap Table
                        <span class="label label-danger pull-right">推荐</span></a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#"><i class="fa fa-picture-o"></i> <span class="nav-label">相册</span><span
                        class="fa arrow"></span></a>
                <ul class="nav nav-second-level">
                    <li><a class="J_menuItem" href="{:url('demo/Photo/basic_gallery')}">基本图库</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Photo/carousel')}">图片切换</a>
                    </li>
                    <li><a class="J_menuItem" href="{:url('demo/Photo/blueimp')}">Blueimp相册</a>
                    </li>
                </ul>
            </li>
            <li>
                <a class="J_menuItem" href="{:url('demo/Photo/css_animation')}"><i class="fa fa-magic"></i> <span
                        class="nav-label">CSS动画</span></a>
            </li>
            <li>
                <a href="#"><i class="fa fa-cutlery"></i> <span class="nav-label">工具 </span><span
                        class="fa arrow"></span></a>
                <ul class="nav nav-second-level">
                    <li><a class="J_menuItem" href="{:url('demo/Photo/form_builder')}">表单构建器</a>
                    </li>
                </ul>
            </li>

        </ul>
    </div>
</nav>
<!--左侧导航结束-->